@import (reference) 'dingtalk-theme/dingtalk-x/mob.less';

.select-color {
	color: @common_level3_base_color;
}

.divider-title {
	font-size: 12px;
	color: #171a1d;
	line-height: 20px;
	margin: 12px;
	display: flex;
	justify-content: space-between;
	&-new {
		height: 8px;
	}
}

.divider-title-ocr {
	font-size: 12px;
	color: #171a1d;
	line-height: 20px;
	margin: 12px 12px 0 12px;
	display: flex;
	justify-content: space-between;
}

.form-font-weight {
	font-weight: 600;
}

.form-font-color-red {
	color: #f5222d;
}

.form-font-color-blue {
	color: #007fff;
}

.mini-divider-title {
	font-size: 12px;
	color: rgba(23, 26, 29, 0.6);
	line-height: 20px;
}

.select-color-disabled {
	& .dtm-list-extra {
		color: rgba(23, 26, 29, 0.24) !important;
	}
}

.divider-Tabtitle {
	font-size: 14px;
	color: #007fff;
	line-height: 20px;
	margin: 12px 12px 0px 12px;
	display: flex;
	justify-content: space-between;

	&-tabs {
		font-size: 12px;
		color: rgba(23, 26, 29, 0.6);

		& span {
			width: 10px;
			height: 10px;
			display: inline-block;
			margin-right: 8px;
			background: #d9d9d9;
			border-radius: 2px;
		}
	}

	&-tabs-green {
		font-size: 12px;
		color: #00b042;

		& span {
			width: 10px;
			height: 10px;
			display: inline-block;
			margin-right: 8px;
			background: #00b042;
			border-radius: 2px;
		}
	}

	&-tabs-red {
		font-size: 12px;
		color: #ff5219;

		& span {
			width: 10px;
			height: 10px;
			display: inline-block;
			margin-right: 8px;
			background: #ff5219;
			border-radius: 2px;
		}
	}
}

.dtm-list-item {
	min-height: 46px;
}

.render-form-view {
	&-main {
		// overflow: hidden;
		// padding-bottom: 16px;

		& .dtm-space-item {
			font-size: 14px;
		}
	}

	&-overflow {
		// height: 100%;
		// overflow: scroll;
		// &::-webkit-scrollbar {
		// 	display: none !important;
		// }
	}

	&-col {
		padding: 0 12px;
	}

	&-col-top {
		border-radius: 10px 10px 0px 0px;
	}

	&-col-bottom {
		border-radius: 0px 0px 10px 10px;
	}

	&-col-radius {
		border-radius: 10px;
	}

	&-input .dtm-input-item-input {
		// color: var(--common_level3_base_color, rgba(23, 26, 29, 0.4));
		font-size: 14px;
		text-align: right;
	}

	&-input-brief .dtm-input-item-input {
		// color: var(--common_level3_base_color, rgba(23, 26, 29, 0.4));
		font-size: 14px;
		// text-align: right;
	}

	&-title-borderRadius {
		border-radius: 10px;
	}

	&-switch-title {
		font-size: 14px;
		padding-right: 8px;
		color: #171a1d;
		opacity: 0.85;
	}

	&-switch .dtm-switch-fake {
		width: 43px !important;
		height: 22px !important;
	}

	&-switch .dtm-switch-fake::after {
		width: 18px !important;
		height: 18px !important;
		background-color: var(--common_white1_color, #ffffff);
	}

	&-switch .dtm-form-item-default-label {
		width: auto;
	}

	&-multiple {
		&-top .dtm-list-item-middle {
			border-radius: 10px 10px 0px 0px;
		}

		&-bottom .dtm-list-item-middle {
			border-radius: 0px 0px 10px 10px;
		}

		&-radius .dtm-list-item-middle {
			border-radius: 10px;
		}
	}

	&-select_multiple {
		display: flex;
		justify-content: space-between;

		&-value {
			color: #171a1d;
			opacity: 0.85;
			font-size: 14px;
		}

		&-m {
			font-size: 14px;
			color: rgba(23, 26, 29, 0.4);
		}
	}

	&-space {
		width: 100%;
	}

	&-files {
		background: #ffffff;
		border-radius: 10px;
		padding: 12px 16px 16px;

		&-title {
			font-size: 14px;
			text-align: LEFT;
			color: #171a1d;
			line-height: 22px;
			margin-bottom: 12px;
		}

		&-col {
			display: flex;
			justify-content: space-between;
		}
	}

	&-childView {
		margin-bottom: 0px;
		background: #fff;
		padding: 10px 16px;

		&-flex {
			display: flex;
			align-items: center;

			& img {
				padding-left: 6px;
				width: 14px;
				height: 14px;
			}
		}

		&-rightArrow {
			margin-left: 5px;
			font-size: 15px;
			color: var(--common_level4_base_color, #ffffff);
		}
	}

	&-headtTitle {
		background: #fff;
		padding: 12px 16px;

		&-overflow {
			overflow: scroll;
			height: 300px;
		}

		&-flex {
			display: flex;
			align-items: center;
			justify-content: space-between;

			& img {
				padding-left: 6px;
				width: 14px;
				height: 14px;
			}
		}

		&-border {
			position: relative;
			background-color: @common_bg_z1_color;

			&::after {
				content: '';
				position: absolute;
				height: 1px;
				background-color: @common_line_light_color;
				left: 0;
				right: 0;
				z-index: 99;
				bottom: -12px;
			}
		}
	}

	&-checkbox {
		margin: 12px 0;
		& .dtm-list-thumb {
			// margin: 0 !important;
		}
		& .dtm-list-item {
			padding: 0;
		}
		& .dtm-list-line {
			padding: 0;
		}
	}
}